<template>
  <p-table
    :row-key="record => record.processId"
    :columns="columns"
    :scroll="{ x: '100%', y: 360 }"
    :data-source="dataSource"
    :loading="loading"
    :pagination="pagination"
    size="default"
    v-bind="$attrs"
    v-on="$listeners"
  >
    <a
      slot="applicationName"
      slot-scope="text, record"
      @click="$emit('href-click', record)"
    >
      {{ text }}
    </a>
  </p-table>
</template>

<script>
export default {
  props: {
    dataSource: {
      type: Array,
      default: () => [],
    },
    columns: {
      type: Array,
      default: () => [],
    },
    loading: {
      type: Boolean,
      default: false,
    },
    rowKey: {
      type: String,
      default: 'id',
    },
    pagination: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {},
};
</script>

<style lang="less" scoped>
.table-list-container {
  margin-top: 20px;
}
/deep/ .poros-table-thead > tr > th {
  background-color: #d1ebf7;
}
</style>
